<!DOCTYPE>
<html xmlns="">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>填写订单信息</title>

		<link rel="stylesheet" type="text/css" href="../../css/css.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/icofont.css" />
		<script type="text/javascript" src="../../js/jquery.min.js"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$(".dropDown").click(function() {
					$(".orderNotice").removeClass("none");
					$(".upDown").removeClass("none");
				});
				$(".upDown").click(function() {
					$(".orderNotice").addClass("none");
					$(".upDown").addClass("none");
				});
			})
		</script>
	</head>

	<body>
		<header class="header">
			<div class="leftArrow">
				<a href="开团须知.html">
					<i class="icon iconfont icon-jiantouzuo"></i>
				</a>
			</div>
			<div class="title">
				填写订单信息
			</div>
			<div class="backHome">
				<a href="首页.html">
					<i class="icon iconfont icon-shouye"></i>
				</a>
			</div>
		</header>

		<div class="main">

			<div class="listTitle">
				<span>【当天16点前可订】520芜湖方特梦幻王国夜场门票 </span> &nbsp;

			</div>
			<a class="jumpBar paddingLeft10">出游日期
				<div class="right ">
					<span class="">星期六 </span><span class="">2017-05-20</span>
				</div>
			</a>
			<div id="specList">
				<a class="jumpBar paddingLeft10">
					<p class="name">成人门票</p>
					<span class="right   ">1 X     <b class="priceFont">￥65</b> </span>
				</a>
			</div>
			<a class="jumpBar paddingLeft10">
					<p class="name">拼车价格</p>
					<span class="right   ">1 X     <b class="priceFont">￥5</b> </span>
				</a>
				<a class="jumpBar paddingLeft10">
					<p class="name">拼车信息</p>
					<span class="right   "><span class="m-r-10">1号车</span><span class="m-r-10">07:20</span>商贸南门</span>
				</a>
			<div>
			</div>
			<div class="cells">
				<div class="celltitle">
					购买保险
					<div class="celltitle-tips">
						<i></i>保险价格均为参考价，最终会以预订人真实年龄重新计算
					</div>
				</div>
				<div class="cell">
					<div class="cell-hd">
						<span class="checkbox">
                            <input type="checkbox" checked="">
                            <span class="checkbox__inner"></span>
						</span>
					</div>
					<div class="cell-bd">
						人生保险
					</div>
					<div class="cell-ft">
						<span class="orangeFont">18元</span>/份
						<br>
						<a>（说明<i class="iconfont  icon-chevronwithcircledown"></i>）</a>
					</div>
				</div>

			</div>
			<p class="subTitle marginTop">
				预订人信息
			</p>
			<div class="form">
				<ul>
					<li>
						<p>姓名<span class="redFont">*</span></p>
						<input type="text" placeholder="小米" />
					</li>
					<li>
						<p>手机<span class="redFont">*</span></p>
						<input type="text" placeholder="请输入手机号码" />
					</li>
					<li>
						<p>身份证号</p>
						<input type="text" placeholder="请输入预订人身份证号" />
					</li>
				</ul>
			</div>
			<p class="subTitle marginTop">
				出游人信息&nbsp;&nbsp;&nbsp;&nbsp;

				<span></span><span>成人门票</span>

			</p>
			<div class="specialPrompt marginTop border-bottom">
				<p>出游人群限制</p>
				<span>不接受超过80周岁（含）出游人</span>
				<br />
				<span>不接受都是未成年人的出游人</span>
				<br />
			</div>
			<div class="insurance">
				<p>预定须知</p>
			</div>
			<i id="block1" class="font12 icon iconfont icon-xiajiantou1 dropDown"></i>
			<div id="bookNotice" class="bookNotice none">
				<section class="article135" label="powered by 135editor.com" style="font-family: 微软雅黑; -webkit-border-image: url(&quot;http://remote.wx135.com/img/stats.gif&quot;);">
					<section class="135editor" style="position: static; box-sizing: border-box; border: 0px none; margin: 0px; padding: 0px;" data-id="24">
						<section class="135brush layout" style="margin: 3px auto; padding: 15px; color: rgb(62, 62, 62); line-height: 24px; box-shadow: rgb(170, 170, 170) 0px 0px 3px; border: 2px solid rgb(240, 240, 240); box-sizing: border-box;">
							<p style="white-space: normal;"><span style="font-size: 12px;">1.您应确保出行人身体条件适合本次外出旅游度假。</span></p>
							<p style="white-space: normal;"><span style="line-height: inherit; font-size: 12px;">2.您保证提供的证件、通讯方式等相关资料均真实、有效。&nbsp;</span></p>
							<p style="white-space: normal;"><span style="font-size: 12px;">3.度假期间，您应尊重当地的宗教信仰、民族习惯和风土人情，自觉保护当地自然环境。 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p>
							<p style="white-space: normal;"><span style="font-size: 12px;">4.您在旅游过程中如对供应商的服务质量有异议，应积极与供应商沟通积极争取在旅游过程中解决。&nbsp;</span></p>
						</section>
					</section>
					<p style="white-space: normal;"><br></p>
				</section>
				<p><br></p><i class="font12 icon iconfont icon-shangjiantou1 upDown"></i>
			</div>
		</div>
		<ul class="footBar">
			<li class="left">金额：<i class="icon iconfont icon-gantanhaotishi greenFont hidePrompt"></i><span class="priceFont font16">￥</span><span class="priceFont font18">28</span></li>
			<li class="right none">
				<a class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>余额支付</a>
				<a class="qiehuan"><i class="ico-qiehuan icofont"></i></a>
			</li>
			<li class="right none">
				<a class="btn orangebg"><i class="icon iconfont icon-bianji marginRight"></i>微信支付</a>
				<a class="qiehuan"><i class="ico-qiehuan icofont"></i></a>
			</li>
			<li class="right ">
				<a class="btn btn-block orangebg"><i class="icon iconfont icon-bianji marginRight"></i>确定开团</a>
			</li>
			<div class="topArrow none"><img src="../../img/bottomarrow.png"></div>
			<div class="hidePromptBar none"><span>成人:</span><span>1</span><span>X</span><span>1888</span>
				<br />
				<span>儿童:</span><span>1</span><span>X</span><span>999</span>
				<br />
				<span>保险:</span><span>2</span><span>X</span><span>100</span>
				<br />
			</div>
		</ul>
		<!--<div class="modal in" style="display: block;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<div class="modal-title">
							保险介绍
						</div>
					</div>
					<div class="modal-body">
						<P>1、意外身故/伤残：300,000</P>
						<p>2、意外医疗（无免赔，100%报销）：50,000</p>
					</div>
					<div class="modal-footer">
						<a class="btn btn-default">关闭</a>
						<a class="btn btn-default">确定</a>						
					</div>
				</div>
			</div>
		</div>-->
	</body>

</html>